<template>
  <div>
    <div class="head">
      {{$t('Ecology.v1')}}
    </div>
    <div class="overlay nav-btm">
      <div class="overlay-content scrolling">
        <div style="padding-bottom: 15px;background: rgb(33,38,54);">
          <img src="../assets/images/ta1.jpg" style="width: 100%;height: auto;"/>
        </div>
        <div style="padding: 10px;padding-bottom:0px;">
          <div style="border-left: 3px solid #00dd94;padding-left: 10px;margin-bottom: 10px;">{{$t('Ecology.v2')}}</div>
          <van-row type="flex" justify="space-around" style="text-align: center;">
            <van-col span="6" @click.native="$router.push({path: '/DepositMmoney'})">
              <img src="../assets/images/ey1.png" class="img"/>
              <div>
                {{$t('Ecology.v3')}}
              </div>
            </van-col>
            <van-col span="6" @click.native="Snatch">
              <img src="../assets/images/ey2.png" class="img"/>
              <div>
                {{$t('Ecology.v4')}}
              </div>
            </van-col>
            <van-col span="6" @click.native="PropertyCrowdfunding">
              <img src="../assets/images/ey3.png" class="img"/>
              <div>
                {{$t('Ecology.v5')}}
              </div>
            </van-col>
          </van-row>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    let _this;
    import {Dialog} from 'vant';
    export default {
        data() {
            return {}
        },
        beforeCreate() {
            _this = this;
        },
        created() {

        },
        watch: {},
        mounted() {

        },
        methods: {
            Snatch() {
                this.$router.push({path: '/Snatch'})
            },
            PropertyCrowdfunding() {
                // Dialog.alert({
                //     title: this.$t('Home.v11'),
                //     confirmButtonText: 'OK'
                // }).then(() => {
                //     // on close
                // });
                this.$router.push({path: '/PropertyCrowdfunding',query: {roid: 'Ecology'}})
            }
        },
        destroyed() {

        },
        filters: {}
    }
</script>

<style lang="less" scoped>
  .img {
    width: 60px;
    height: 60px;
  }
</style>
